body,dl,dt,dd,ul,li,h1,h2,h3,h4,h5{ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:left; color:#2b2b2b; }
p{ margin:0; padding:0;}
body{ background:#eaeaea; text-align:center;}
div{ text-align:left; }
ul,ol{ list-style:none;}

a{ color:#333; text-decoration:none; }
a:hover{ color:#f23005; text-decoration:none; }
img{ border:0; width:100%;}


.btgreen{ border-bottom:1px solid #32c12b;}
.green{color:#4bc945;}
.topheader{float:left; width:100%; background-color:#FFFFFF;}
.topheader a{float: left;background: url(../images/iconsq_03.png) no-repeat center center;width: 9%;line-height: 2em;text-indent: -999px;font-size: 1.5em;}
.topheader .title{width: 90%;float: left;line-height: 2em;font-size: 1.5em; text-align:center; text-indent:-1em;}

/*.banner{width:100%;}
.banner img{width:100%;}*/

/*SAMPLE-C*/
.slide_c{position:relative;width:100%;overflow:hidden;margin:0 auto; max-height:156px; min-height:120px;}
.slide_c img{width:100%;}
.slide_c .ico_c{position:absolute;right:0.1em;bottom:0.1em;height:25px;}
.slide_c .ico_c li{display:inline;width:15px;height:15px;overflow:hidden;margin-right:10px;cursor:pointer;float:left;opacity:0.4;filter:alpha(opacity=40);margin-top:2px; background-color:#FFFFFF; text-indent:-9999px;}
.slide_c .ico_c img{width:15px;height:15px;}
.slide_c .ico_c li.high{opacity:1;filter:alpha(opacity=100);border:2px solid #FFFFFF;margin-top:0px;}



.bmbox{float:left;width:100%; background-color:#FFFFFF; margin-top:10px;}
.bmbox .title{float:left;width:100%; height:2em; line-height:2em; text-indent:0.5em; text-align:left; color:gray; font-size:1em; border-bottom:1px solid #eaeaea;}
.bmbox .bmcon{ background:white; float:left; width:100%;}
.bmbox .bmcon a{float:left; width:50%; margin:10px 0;}
.bmbox .bmcon a img{float:left; width:30%;margin-left:5%; max-width:60px;}
.bmbox .bmcon a span{float:left; color:gray; line-height:4em; font-size:0.8em; padding-left:0.5em;width:58%;}

.listbox{float:left;width:100%; background-color:#FFFFFF; margin-top:10px;}
.listbox .title{float:left;width:100%; height:2em; line-height:2em; text-indent:0.5em; text-align:left; color:gray; font-size:1em;}
ul.floorlist{ background:white; float:left; width:100%;}
ul.floorlist li{ padding:0.8em 1%; border-top:1px solid #eaeaea;float:left; position:relative; width:98%;}
ul.floorlist li .flimg{ width:27%; float:left; margin-left:0.3em; max-width:200px;}
ul.floorlist li .flintro{float:left; width:65%; margin-left:5%;}
ul.floorlist li .flintro h4{ margin:0px; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80%;}
ul.floorlist li .flintro h4 a{ height:1.5em; line-height:1.5em; font-size:1em; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.floorlist li .flintro span.num{width:19%;float:right; color:gray; font-size:0.8em; text-align:right;}
ul.floorlist li .flintro p{ height:1.4em;font-size:0.8em;float:left; width:100%; color:gray;}

/*投票详情*/
.infobox{width: 100%;float: left;}
.infobox .title{float: left;width: 90%;margin: 0.5em 5%;font-size: 1.5em;line-height: 1.6em; font-weight:bold;}
.infobox .titleinfo{float: left;width: 90%;margin: 0 5%;}
.infobox .titleinfo .tagtype{ background-color:#ef4a39; color:#FFFFFF;float: left;padding: 0 0.5em;font-size: 0.8em;line-height: 1.5em;}
.infobox .titleinfo .endtime{font-size: 0.8em;line-height: 1.5em; float:left; margin-left:0.5em;color: #707070;}
.infobox .titleinfo .num{font-size: 0.8em;line-height: 1.5em; float:right;color: #707070;}
.infobox .userinfo{float: left;width: 90%;margin: 0.5em 5%;}
.infobox .userinfo .imgbox{float: left;width: 10%; margin:0;}
.infobox .userinfo .user{float: left;width: 80%;}
.infobox .userinfo .user .name{font-size: 0.8em;margin-left: 0.5em;float: left;width: 90%; line-height:1.5em;}
.infobox .userinfo .user .time{font-size: 0.8em;margin-left: 0.5em;float: left;width: 90%; line-height:1.5em;}
.infobox .imgbox{float:left; width:90%; margin:0 5%;}
.infobox .infocon{float: left;width: 90%;margin: 0.5em 5%;font-size: 1.5em;line-height: 1.6em;}
.infobox .bmlist{float:left; background-color:#FFFFFF; width:100%; border-top:1px solid #eaeaea;}
.infobox .bmlist ul{float: left;width: 100%;}
.infobox .bmlist ul li{float: left;width: 90%;border-bottom: 1px solid #eaeaea;padding: 0.5em 5%;}
.infobox .bmlist ul li .title{font-size: 0.8em;font-weight: normal;margin: 0;width: 100%;}
.infobox .bmlist ul li .title span{float: left;color: #818181;}
.infobox .bmlist ul li .title .num{float: right;color: #818181;}
.infobox .bmlist ul li .numline{width:100%; float:left; background-color:#efefef;height:1em;overflow:hidden;display:inline;}
.infobox .bmlist ul li .numline div.charts{height:1em;overflow:hidden;background-color:#32c12b;}
.infobox .bmlist ul li.total{border-top: 1px solid #eaeaea;}
.infobox .bmlist ul li.total div{float: left;font-size: 0.8em;color: #818181;}
.infobox .bmlist ul li.total div.num{float: right;}

.btnbox{float:left; width:100%;}
.btnbox a{float: left;width: 80%;margin: 0.5em 10%;max-width: 702px;background-color: #32c12b;color: #FFFFFF;line-height: 2em;border-radius: 2em;font-size: 1.2em;text-align: center;}

/*报名成功*/
.fav a{float: left;width: 80%;margin: 0.5em 10%;max-width: 702px;color: #32c12b; border:1px solid #32c12b; background:none; line-height: 2em;border-radius: 2em;font-size: 1.2em;text-align: center;}
.successbox{float:left;width:100%;}
.successbox img{float:left;width:30%; margin:1em 35%;}
.successbox .title{float: left;width: 100%;text-align: center;color: #423f3f;font-weight: bold;font-size: 1em;line-height: 2em;}
.successbox .info{float: left;width: 100%;text-align: center;color: #686868;font-size: 0.5em;line-height: 1em;}

/*选择参与者类型*/
.typebox{float:left; width:90%; margin:1em 5% 0; background-color:#ffffff;border-radius:0.5em;}
.typebox img{float:left; width:20%; margin:1em; max-width:75px;}
.typebox span{float: left;color: #545454;font-size: 1.2em;margin: 1em 0;line-height: 3.3em;}

/*选择所在社区位置*/
.addressbox{float:left; width:100%; margin:0.5em 0; background-color:#FFFFFF;}
.addressbox li{float:left;width:96%; border-bottom:1px solid #eaeaea; padding:0 2%;}
.addressbox li span{float:right; font-size:1em; line-height:3em;}
.addressbox li span.tit{float:left;}

/*参与口令*/
.klbox{float:left;width:100%; margin-top:2em;}
.klbox span{float:left;width:100%; text-align:center; font-size:1.2em; line-height:3em; color:#686868;}
.klbox .txtkl{float:left; margin:0.5em 10%; width:80%; border:1px solid #c9c9c9;line-height: 2.5em;border-radius: 2em;font-size: 1.2em;text-align: center; color:#dadada; background:url(../images/iconsq_20.png) no-repeat 0.6em 0.8em #FFFFFF;}

.hide{display:none;}
.fullbg{ background:url(../images/icon_bg.png) repeat; position:fixed; top:0; left:0; width:100%; height:100%;}
.dialogtp{float:left; width:100%; background-color:#FFFFFF; position:fixed; bottom:0; left:0;}
.dialogtp .close{ background:url(../images/iconsq_17.png) no-repeat;position: absolute;right: 0;top: -4.9em;zoom: 0.5;height: 5em;width: 4em;text-indent: -9999px;}
.dialogtp label{float: left;width: 90%;padding: 0 5%;height: 2em;text-align: left;line-height: 2em;}
.dialogtp label input{float: right;background: url(../images/iconsq_16.png) no-repeat right top;}

.dialogtp label input[type="radio"]:checked + label::after{background: url(../images/iconsq_17.png) no-repeat right top;}


/*发起投票*/
#imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);}

.fbinfo{float:left;width:100%;}
.fbinfo .title{float:left; width:100%;margin:0.5em 0; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.fbinfo .title input{float:left; width:100%; border:0 none; background-color:#FFFFFF; line-height:2em; font-size:1.2em; color:#c5c5c5; text-indent:1em;}
.fbinfo .addimg{float:left; width:100%;margin:0.5em 0; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; background-color:#FFFFFF;}
.fbinfo .addimg .imgcon{float:left; width:30%;}
.fbinfo .addimg .imgcon #preview{float:left;}
.fbinfo .addimg .imgcon #preview #imghead{float:left; width:80%; margin:0.5em 10%;overflow:hidden;}
.fbinfo .addimg .imgcon .previewbtn{float:left;width:80%; margin:0.5em 10%; font-size:1em; color:#c5c5c5; text-indent:1em;position: relative;cursor: pointer;overflow: hidden;display: inline-block;*display: inline;*zoom: 1}
.fbinfo .addimg .imgcon .previewbtn  input {position: absolute;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer}
.fbinfo .addimg .imgcon .previewbtn:hover {color: #c5c5c5;text-decoration: none}
.fbinfo .addimg .txtcon{float:left; width:60%; margin:0.5em; height:8em; font-size:1em; border:0 none; font-size:1.2em; color:#c5c5c5; text-indent:1em;}
.fbinfo .typebox{float:left; width:100%;margin:0.5em 0; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; background-color:#FFFFFF;border-radius:0;}
.fbinfo .typebox .typetit{float: left;color: #545454;font-size: 1.2em;line-height: 3em;padding-left:5%;}
.fbinfo .typebox .typelist{float: right;color: #545454;font-size: 1.2em;line-height: 3em;padding-right:5%;}
.fbinfo .namelist{float:left; width:100%;}
.fbinfo .namelist ul{float:left; width:100%;}
.fbinfo .namelist ul li{float:left; width:100%; border-top:1px solid #c9c9c9;}
.fbinfo .namelist ul li input{float: left;width: 40%;border: 0 none;font-size: 1em;text-indent: 1em;line-height: 3em;}
.fbinfo .namelist ul li .btnname{float:right;}
.fbinfo .namelist ul li .btnname img{float:left; width:40%;margin: 0.6em; max-width: 30px;}
.fbinfo .namelist ul li .btnname span{float: right;font-size: 1em;margin: 0;line-height: 3em;margin-right: 1em;}
.fbinfo .bmlist{float:left; width:100%; border-top:1px solid #c9c9c9; background-color:#FFFFFF;}
.fbinfo .bmlist ul{float:left;width:100%;}
.fbinfo .bmlist ul li{float:left;width:100%;border-bottom: 1px solid #c9c9c9;}
.fbinfo .bmlist ul li.total{float:left;width:100%;}
.fbinfo .bmlist ul li.total .img{float:right;width:7%;margin-top:0.8em;}
.fbinfo .bmlist ul li.total img{float:right;width:100%; max-width:40px;}
.fbinfo .bmlist ul li span{float: left;font-size: 1em;line-height: 3em;text-indent: 1em; color:#423f3f;}
.fbinfo .bmlist ul li div{float:right;font-size: 1em;padding-right: 1em;line-height: 3em;}
.fbinfo .bmlist ul li div input{float:right;border:0 none;font-size: 1em;padding-right: 1em;line-height: 3em; text-align:right;color:#818181;width:50%;}

